<template>
  <div class="poetryComponent">
    <div>{{poetryList.poetry1}}</div>
    <div>{{poetryList.poetry2}}</div>
  </div>
</template>

<script>
  import poetryService from './poetry.service'
  export default {
    name: "poetryComponent",
    data() {
      return {
        poetryList: "",
      }
    },
    methods: {

    },
    created() {
      poetryService.getPoetry()
        .then((res)=> {
          console.log(res);
          this.poetryList = res.data;
        })
        .catch((res)=> {
          console.log(res);
        })
    }
  }
</script>

<style scoped>

</style>
